$(function () {
    // 检测登录
    $.ajax({
        url: "/employee/checkRootLogin",
        type: "GET",
        data: {},
        success: function (backdata) {
            console.log(backdata);
            if (backdata.success) {
                window.location.href = "index.html";
            }
        }
    })

    // 登录按钮
    $("#dologin").click(function () {
        // $("#inputusername ,#inputPassword").val("");
        $("#inputusername ,#inputPassword").attr("class", "form-control");
        $("#inputusername ,#inputPassword").parent().parent().attr("class", "form-group has-feedback");
        $("#inputusername ,#inputPassword").next().attr("class", "glyphicon form-control-feedback");
        $("#inputusername ,#inputPassword").next().next().attr("class", "sr-only");
        $("#inputusername ,#inputPassword").next().next().next().attr("class", "sr-only");

        var username = $("#inputusername").val();
        var password = $("#inputPassword").val();
        $.ajax({
            url: "/employee/employeeLogin",
            type: "POST",
            data: {
                "username": username,
                "password": password
            },
            success: function (backdata) {

                // console.log(backdata.success);
                if (backdata.success) {
                    window.location.href = "index.html";
                }

                if (backdata.error == 1000 || backdata.error == 1001) {
                    if(username != "" ||password != ""){
                        // console.log(backdata.error);
                        console.log(username);
                        $("#inputusername").next().next().next().removeClass("sr-only");
                    }
                }
                if (username == "") {
                    $("#inputusername").parent().parent().addClass("has-error");
                    $("#inputusername").next().addClass("glyphicon-remove");
                    $("#inputusername").next().next().removeClass("sr-only");
                }
                if (password == "") {
                    $("#inputPassword").parent().parent().addClass("has-error");
                    $("#inputPassword").next().addClass("glyphicon-remove");
                    $("#inputPassword").next().next().removeClass("sr-only");
                }


            }
        })
    })

    $("#reset").click(function () {
        $("#inputusername ,#inputPassword").val("");
        $("#inputusername ,#inputPassword").attr("class", "form-control");
        $("#inputusername ,#inputPassword").parent().parent().attr("class", "form-group has-feedback");
        $("#inputusername ,#inputPassword").next().attr("class", "glyphicon form-control-feedback");
        $("#inputusername ,#inputPassword").next().next().attr("class", "sr-only");
        $("#inputusername ,#inputPassword").next().next().next().attr("class", "sr-only");

    })

    $("#inputusername").keyup(function () {
        var use = $(this).val();
        console.log(use);
        $(this).parent().parent().removeClass("has-error");
        $(this).next().removeClass("glyphicon-remove").next().addClass("sr-only").next().addClass("sr-only");


        if (use == "") {
            $(this).parent().parent().addClass("has-error");
            $(this).next().addClass("glyphicon-remove");
            $(this).next().next().removeClass("sr-only");
        } else {
            $(this).next().addClass("glyphicon-ok");
            $(this).parent().parent().addClass("has-success");
        }

    })

    $("#inputPassword").keyup(function () {
        var word = $(this).val().length;
        console.log(word);
        $(this).parent().parent().removeClass("has-error");
        $(this).next().removeClass("glyphicon-remove").next().addClass("sr-only").next().addClass("sr-only");
        $("#inputusername").next().next().next().addClass("sr-only");

        if (word == 0) {
            $(this).parent().parent().addClass("has-error");
            $(this).next().addClass("glyphicon-remove");
            $(this).next().next().removeClass("sr-only");
        }
        if (word >= 6 || word <= 12) {
            $(this).next().addClass("glyphicon-ok");
            $(this).parent().parent().addClass("has-success");
        }
        if (word > 12 || word < 6 && word > 0) {
            $(this).parent().parent().addClass("has-error");
            $(this).next().addClass("glyphicon-remove");
            $(this).next().next().next().removeClass("sr-only");
        }

    })


})